<template>
  <v-ons-page>
    <v-ons-toolbar>
      <div class="left">
        <v-ons-back-button>返回</v-ons-back-button>
      </div>
      <div class="center">提现记录</div>
    </v-ons-toolbar>

    <div class="container">
      <v-ons-pull-hook
        class="pull-hook"
        :action="loadItem"
        @changestate="state = $event.state"
      >
        <span v-show="state === 'initial'"> 下拉刷新  </span>
        <span v-show="state === 'preaction'"> 释放 </span>
        <span v-show="state === 'action'"> 加载中... </span>
      </v-ons-pull-hook>

      <v-ons-list>
        <v-ons-list-item class="order-item">
          <v-ons-row class="v-ons-row">
            <v-ons-col width="70px">提现状态：</v-ons-col>
            <v-ons-col>成功</v-ons-col>
          </v-ons-row>
          <v-ons-row class="v-ons-row">
            <v-ons-col width="70px">时间：</v-ons-col>
            <v-ons-col>2018-06-11 16:43:17</v-ons-col>
          </v-ons-row>
          <v-ons-row class="v-ons-row">
            <v-ons-col width="70px">开户行：</v-ons-col>
            <v-ons-col>西安银行</v-ons-col>
          </v-ons-row>
          <v-ons-row class="v-ons-row">
            <v-ons-col width="70px">卡号：</v-ons-col>
            <v-ons-col>12345678912</v-ons-col>
          </v-ons-row>
          <v-ons-row class="v-ons-row">
            <v-ons-col width="70px">金额：</v-ons-col>
            <v-ons-col>1200.00</v-ons-col>
          </v-ons-row>
        </v-ons-list-item>

        <v-ons-list-item class="order-item">
          <v-ons-row class="v-ons-row">
            <v-ons-col width="70px">提现状态：</v-ons-col>
            <v-ons-col>成功</v-ons-col>
          </v-ons-row>
          <v-ons-row class="v-ons-row">
            <v-ons-col width="70px">时间：</v-ons-col>
            <v-ons-col>2018-06-11 16:43:17</v-ons-col>
          </v-ons-row>
          <v-ons-row class="v-ons-row">
            <v-ons-col width="70px">支付宝：</v-ons-col>
            <v-ons-col>1231456798423</v-ons-col>
          </v-ons-row>
          <v-ons-row class="v-ons-row">
            <v-ons-col width="70px">金额：</v-ons-col>
            <v-ons-col>1200.00</v-ons-col>
          </v-ons-row>
        </v-ons-list-item>
      </v-ons-list>
    </div>

  </v-ons-page>
</template>

<script>
  export default {
    data() {
      return {
        state: 'initial',
      };
    },
    methods: {
      loadItem(done) {
        setTimeout(() => {
          console.log('加载')
          done();
        }, 600);
      },
      enterPage({path:path}){
        this.$router.push({
          path:path
        });
      }
    }
  }
</script>

<style scoped lang="less">
  @import "../../assets/less/service/balance-record.less";
</style>
